<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <script src="https://unpkg.com/react@18.3.1/umd/react.development.js"></script>
  <script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js"></script>
  <link rel="stylesheet" type="text/css" href="../node_modules/survey-core/survey-core.css" />
  <link rel="stylesheet" type="text/css" href="../node_modules/survey-creator-core/survey-creator-core.css" />

  <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
  <script defer type="module">
    import React from "https://esm.sh/react@19/?dev";
    import ReactDOMClient from "https://esm.sh/react-dom@19/client?dev";
    import ReactDOM from "https://esm.sh/react-dom@19?dev";
    window.ReactDOMClient = ReactDOMClient;
    window.React = React;
    window.ReactDOM = ReactDOM;
  </script>
  <script src="../node_modules/survey-core/survey.core.js" defer></script>
  <script src="../node_modules/survey-core/survey.i18n.js" defer></script>
  <script src="../node_modules/survey-core/themes/index.js" defer></script>
  <script src="../node_modules/survey-creator-core/survey-creator-core.js" defer></script>
  <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js" defer></script>
  <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
  <script src="../build/survey-creator-react.js" defer></script>

  <script src="https://unpkg.com/jquery"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.10/ace.min.js" type="text/javascript"
    charset="utf-8"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.10/ext-language_tools.js" type="text/javascript"
    charset="utf-8"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.10/theme-clouds_midnight.min.js" crossorigin="anonymous"
    referrerpolicy="no-referrer"></script>
  <!-- Uncomment to enable Select2 <script src="https://unpkg.com/jquery"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> -->
  <link rel="stylesheet" href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css">
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
  <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css" type="text/css"
    rel="stylesheet" />
  <script src="https://unpkg.com/sortablejs@1.7.0/Sortable.js"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
  <script src="https://unpkg.com/nouislider@9.2.0/distribute/nouislider.js"></script>
  <script src="https://unpkg.com/wnumb@1.1.0"></script>
  <link href="https://unpkg.com/nouislider@9.2.0/distribute/nouislider.min.css" rel="stylesheet" />
  <script src="https://unpkg.com/signature_pad@2.2.0/dist/signature_pad.min.js"></script>
  <script src="https://unpkg.com/inputmask@5.0.3/dist/inputmask.js"></script>
  <script src="https://cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
  <script src="https://unpkg.com/jquery-bar-rating"></script>
  <script src="./sc.js" defer></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
  <!-- Themes -->
  <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/bars-1to10.css" />
  <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/bars-movie.css" />
  <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/bars-pill.css" />
  <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/bars-reversed.css" />
  <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/bars-horizontal.css" />
  <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/fontawesome-stars.css" />
  <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/css-stars.css" />
  <link rel="stylesheet" href="https://unpkg.com/jquery-bar-rating@1.2.2/dist/themes/fontawesome-stars-o.css" />
  <script
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
  <script src="https://unpkg.com/surveyjs-widgets@1.8.70/surveyjs-widgets.min.js" defer></script>

</head>

<body spellcheck="false">
  <div id="survey-creator" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0;"></div>
</body>
<script>
  window.addEventListener("DOMContentLoaded", () => {
    SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
    const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true });
    creator.tabResponsivenessMode = "menu";
    creator["animationEnabled"] = false;
    creator.showOneCategoryInPropertyGrid = false;
    creator.allowZoom = false;
    window.creator = creator;
    const root = ReactDOMClient.createRoot(document.getElementById("survey-creator"));
    root.render(React.createElement(React.StrictMode, {
      children: React.createElement(
        SurveyCreator.SurveyCreatorComponent,
        { creator: creator },
        null
      )
    }));
  });
</script>

</html>